// 注册自定义指令
// 处理图片异常 基本手段 检测图片dom的error事件

export const imageError = {
  // 指令的参数
  // 当指令作用的dom对象插入元素之后触发
  inserted(dom, options) {
    // options是一个对象  通过其中的value找到传入的值
    // 图片只要发生异常就会触发onerror事件处理
    dom.onerror = function() {
      // 如果图片没有赋值的话 可以直接设置默认图片使用
      dom.src = dom.src || options.value
      dom.src = options.value // 通过传入的地址设置图片路径
    }
  },
  // 更新属性之后 会触发的函数  inserted只会执行一次   vue3已经删除
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}
// 第一个参数是指令名 第二个是执行的功能
// Vue.directive('imageError', imageError)

export const aa = {}
export const bb = {}
export const cc = {}
